<template>
  <div class="x-component-item">
    <div class="x-item-left">aaa</div>
    <div class="x-item-content">
      <slot></slot>
    </div>
    <div class="x-item-right">cc</div>
  </div>
</template>

<script>
export default {
  name: 'XItem',
  props: {},
  data() {
    return {}
  }
}
</script>

<style scoped lang="less">
.x-component-item{
  display: -webkit-box;
  justify-content: space-between;
  /*padding: 5px 15px;*/
  margin: 5px 15px;
  /*background: inherit;*/
  .x-item-left {
    display: -webkit-box;
    width: 45px;
    .x-item-decimal{
      font-size: 15px;
      font-weight: 200;
    }
    .hot{
      color: #FF400B;
    }
  }
}
</style>
